<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<!--[if IE 6]>
	<link href="css/ie6.css" type="text/css" rel="stylesheet" />

    <script src="js/dd_belated_png.js"></script>
	<script>DD_belatedPNG.fix('#logo a, .h-box-1 img, .h-box-2 img, .brochure img, .services-wrapper img');</script>  
<![endif]-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/slideswitch.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/Liberation_Sans_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
	Cufon.replace('h1');
	Cufon.replace('h2');	
	Cufon.replace('h3');
	Cufon.replace('h4');							   	
</script>

<title>services</title>
</head>

<body>
<div id="body-wrapper">
    <div class="clearfix">
        <div id="logo">
            <a href="homepage.html">Media consult logo</a>
            <p class="logo-desc">your attractive and simple slogan</p>
        </div>
        <form action="#" method="post">
            <fieldset class="search-fieldset">
                <input type="text" class="search-input" value="search" name="search" />
                <input type="submit" value="" class="input-arrow" />
            </fieldset>
        </form>
    </div>	
    
    <div class="main-menu-wrapper">
        <div id="myslidemenu" class="jqueryslidemenu">
            <ul class="primary-menu">
                <li><a href="homepage.html">Home</a></li>
                <li><a href="about_us.html">About Us</a></li>
                <li><a href="services.html">Services</a>
                	<ul>
                        <li><a href="#">Corporate Publishing</a></li>
                        <li><a href="#">Interactive &amp; Onscreen Production</a></li>	
                        <li><a href="#">Advertising</a></li>   
                        <li><a href="#">Event Management</a></li>   
                        <li><a href="#">Integrated Communications</a></li>                                                                    
                        <li><a href="#">Public Relations</a></li>                                                  
                    </ul>
                </li>
                <li><a href="#">Page Types</a>
                    <ul>
                        <li><a href="homepage.html">Index Page</a></li>
                        <li><a href="about_us.html">About Us</a></li>	
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="#">Blog - submenu entry</a>
                            <ul>
                                <li><a href="blog_itemlist.html">Blog Item List</a></li>
                                <li><a href="blog_detail.html">Blog Item Detail</a></li>
                            </ul>                
                        </li>
                        <li><a href="#">Other pages - submenu entry</a>
                            <ul>
                                <li><a href="article_detail.html">Article Detail</a></li>                    
                                <li><a href="news_list.html">News Page</a></li>                                                
                                <li><a href="services.html">Our Services</a></li>                                                                        
                                <li><a href="portfolio.html">Portfolio</a></li>                                                          
                                <li><a href="contact.php">Contact</a></li>   
                            </ul>                          
                        </li>                                         
                    </ul>
                </li>
                <li><a href="blog_itemlist.html">Blog</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
        </div>
    </div>

    <div id="left">
		<div class="interior-header">
        	<h2>Services</h2>
            <p class="intheader-paragraph">
				Ever wondered what can we do for you? We offer a variety of high quality services to help you acomplish your objectives.
            </p>
        </div>
        <div class="interior-content">
        	<ul class="services-wrapper"><!-- services list starts here -->
                <li>
                    <img src="img/service1.png" width="52" height="52" alt="" />
                    <div class="service-txt">
                        <h4>Corporate Publishing</h4>
                        <p>Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torqu atos sadipscing ius no. </p>
                    </div>
                </li>

                <li>
                    <img src="img/service2.png" width="52" height="52" alt="" />
                    <div class="service-txt">
                        <h4>Interactive &amp; Onscreen Production</h4>
                        <p>Soluta platonem ei nam, ad meis ipsum congue mel, choro persecuti at has. Quas ludus admodum pri ne, no alia duis evertitur mea. </p>
                    </div>
                </li>                

                <li>
                    <img src="img/service3.png" width="52" height="52" alt="" />
                    <div class="service-txt">
                        <h4>Advertising</h4>
                        <p>Ubique ancillae appellantur cu per, possit perpe tua repudiare vix cu, eius inciderint scribentur ut eos. Nam an deleniti placerat petentium.</p>
                    </div>
                </li>

                <li>
                    <img src="img/service4.png" width="52" height="52" alt="" />
                    <div class="service-txt">
                        <h4>Event Management</h4>
                        <p>Ex legere intellegam eos, pri enim consetetur deterruisset an. Timeam minimum honestatis per ad, integre torquatos sadipscing ius no. </p>
                    </div>
                </li>   
                <li>
                    <img src="img/service5.png" width="52" height="52" alt="" />
                    <div class="service-txt">
                        <h4>Integrated Communications</h4>
                        <p>No malorum consulatu eam, quod dicunt in eos, vim te adhuc numquam. Lorem labores senserit at ius, cu vel vidisse recusabo omittantur. </p>
                    </div>
                </li>

                <li>
                    <img src="img/service6.png" width="52" height="52" alt="" />
                    <div class="service-txt">
                        <h4>Public Relations</h4>
                        <p>Iusto interesset definitionem pro eu, ex erat civibus senserit sit. Eu mea admodum probatus, quot eligendi ei quo, cu duo falli eirmod utroque. </p>
                    </div>
                </li>                                
            </ul>
            
        	<h4>Additional information</h4>   
        	<p>
                Lorem ipsum nostrud insolens mediocritatem at vel, an reque eligendi eleifend usu. Ne has iudico vocibus prodesset, mucius omittam erroribus at mei, puto eripuit accumsan id mel. Ut esse ferri mollis usu. Ea est omnesque consetetur, tollit constituam consectetuer qui ne.
            </p>
        	<p>
				Affert intellegam sadipscing eu vix, sit tibique delicata eu. Ne has possim aliquam detraxit, quidam appareat id per. In clita malorum invidunt nec, utinam vivendum phaedrum qui at. Dicit iisque cu pri, eu scaevola mandamus reformidans ius.
            </p>    
		</div>
        
    </div>
    <div id="right">
    	<div class="latest-news"><!-- latest news section -->
        	<h3>Latest news</h3>
            <ul class="ln-list">
                <li>
                    <h6><a href="#">Our company organises workshop for ...</a></h6>
                    <p>Supendisse sit amet est odio. Suspendisse semper, tur pi eget feugiat venenatis, diam turpis euismod, nisl...</p>
					<div class="ln-date">September 4th, 2009</div>
                </li>
                <li>
                    <h6><a href="#">Our company organises workshop for ...</a></h6>
                    <p>Supendisse sit amet est odio. Suspendisse semper, tur pi eget feugiat venenatis, diam turpis euismod, nisl...</p>
					<div class="ln-date">September 4th, 2009</div>                    
                </li>
                <li>
                    <h6><a href="#">Our company organises workshop for ...</a></h6>
                    <p>Supendisse sit amet est odio. Suspendisse semper, tur pi eget feugiat venenatis, diam turpis euismod, nisl...</p>
					<div class="ln-date">September 4th, 2009</div>                    
                </li>                                         
            </ul>            
        </div>
        
        <div class="newsletter"><!-- newsletter section -->
			<h3>Sign up for Newsletter</h3>
            <form action="#" method="post">
            	<fieldset class="newsletter-fieldset">
                    <input type="text" class="newsletter-input" value="Your email address" name="newsletter" />
                    <input type="submit" value="" class="input-arrow" />
                </fieldset>
            </form>
            <p>We will keep you up to date with news, events and other great features.</p>
        </div>
    	
        <div class="brochure"><!-- brochure section -->
        	<a href="#"><img src="img/pdf_icon.png" width="43" height="53" alt="" /></a>
            <div class="brochure-title">
                <h3>Media Consult brochure</h3>
                <p class="header-desc">Download our PDF brochure</p>
            </div>            
        </div>
                
    </div>  
    <div id="footer">
    	<ul>
        	<li><a href="homepage.html">Home</a></li>
        	<li><a href="about_us.html">About Us</a></li>
        	<li><a href="services.html">Services</a></li>
        	<li><a href="portfolio.html">Case Studies</a></li>
        	<li><a href="news_list.html">News</a></li>
        	<li><a href="contact.php">Contact</a></li>                                                            
        </ul>
        <div class="copyright">&copy; 2009 <a href="#">Media Consult</a>. All rights reserved.</div>
    </div>  
</div>

<script type="text/javascript">
$(document).ready(function(){					   
	$(".ln-list li").click(function(){//makes entire area "ln-list li" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});
	
	$(".brochure").click(function(){//makes entire area "brochure" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});	
	
});
</script>
</body>
</html>
